<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>接东西</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
	<!-- 进入游戏界面 -->
	<div class="enter" >
		<img class="fullBg" src="img/bg.png">
		<div class="start">
			<img class="startMenu" src="img/play1.png">
		</div>
	</div>
	<!-- 选择角色界面 -->
	<div class="role" style="display: none;">
		<img class="roleBg" src="img/role.png">
		<!-- <h1>请选择出战英雄</h1> -->
		<img class="roler r1 light" id="r1" src="img/r1.png">
		<img class="roler r2" id="r2" src="img/r2.png">
		<img class="roler r3" id="r3" src="img/r3.png">
		<div class="startGame">
			<img class="enterGame" src="img/playSure.png">
		</div>
	</div>
	<!-- 游戏规则 -->
	<div class="rule" style="display: none;">
		<img class="ruleBg" src="img/rule.png" alt="">
		<img class="knowBtn" src="img/knowBtn.png">
	</div>
	<!--  游戏界面-->
	<div class="game" style="display: none;">
		<h1 class="score"></h1>
		<h1 class="time"></h1>
		<div class="moveBox">
			<div class="mover">
				<img class="moveImg" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=161720449,2263411202&fm=27&gp=0.jpg">
			</div>
		</div>
	</div>
	<!-- 游戏结果 -->
	<div class="result" style="display: none;">
		<img class="resultBg" src="img/result.png">
		<div class="resultInfo">
			<h1>接货一分钟，好运一整年</h1>
			<table>
				<th colspan="2">接货清单：</th>
				<tr>
					<td>联想电脑</td>
					<td>
						<span class='list0'>0</span>
					</td>
				</tr>
				<tr>
					<td>福袋</td>
					<td>
						<span class='list1'>0</span>
					</td>

				</tr>
				<tr>
					<td>红包</td>
					<td>
						<span class='list2'>0</span>
					</td>
				</tr>
				<tr>
					<td>list0</td>
					<td>
						<span class='list3'>0</span>
					</td>
				</tr>
				<tr>
					<td>list1</td>
					<td>
						<span class='list4'>0</span>
					</td>
				</tr>
				<tr>
					<td>list2</td>
					<td>
						<span class='list5'>0</span>
					</td>
				</tr>
				<tr>
					<td>list3</td>
					<td>
						<span class='list6'>0</span>
					</td>
				</tr>
				<tr>
					<td colspan="2">看来你对
						<span class='maxCount'></span>情有独钟，快快领走它吧!
					</td>
				</tr>
			</table>
		</div>
		<!-- 结果按钮 -->
		<div class="resultBtn">
			<!--领年货-->
			<img class="drawGift" src="img/playSure.png" alt="">
			<img class="getLuck" src="img/playSure.png" alt="">
		</div>
	</div>
	<!-- 关注浮层 -->
	<div class="natantBox follow" style="display: none;">
		<div class="natant followArea">
			<img class="natantBg followBg" src="img/alertInfoBg.png">
			<img class="shutDown" src="img/close.png">
			<img class="QRcode" src="img/ewm.png">
		</div>
	</div>
	<!-- 分享浮层 -->
	<div class="natantBox share" style="display: none;">
		<div class="natant shareArea">
			<img class="natantBg shareBg" src="img/alertInfoBg.png">
			<img class="shutDown" src="img/close.png">
			<img class="QRcode" src="img/ewm.png">
			<p>还没 “接”尽全力？分享一下，参与“接年货大PK“，还有机会获得压岁钱~</p>
		</div>
	</div>
	<!-- 次数用尽
	<div class="natantBox total" style="display: none;">
		<div class="natant totalArea">
			<img class="natantBg totalBg " src="img/alertInfoBg.png">
			<img class="totalSd shutDown" src="img/close.png">
			<p class="info">次数用尽</p>
		</div>
	</div> -->
	<!--手机号浮层 -->
	<div class="natantBox phone" style="display: none;">
		<div class="natant phoneArea">
			<img class="natantBg phoneBg " src="img/alertInfoBg.png">
			<img class="phoneSd shutDown" src="img/close.png">
			<div class="inputContent">
				<div class="inputGroup">
					<input type="tel" id="phone" placeholder="请填写手机号" />
				</div>
				<div class="inputGroup">
					<i class="imgVeryCode" onclick="changeImg('imgObj1')">
						<img id="imgObj1" src="http://dccs.lenovo.com.cn/user/create/verifyCode.html" />
					</i>
					<input type="tel" id="imgVeryCodeInp" placeholder="计算结果" style="margin-left: 10px;" />
				</div>
				<div class="telInput bottomInput inputGroup">
					<input type="tel" id="veryCode" placeholder="请输入短信验证码" style="margin-right:10px;">
					<span id="getVeryCode" onclick="getVerCode()">获取验证码</span>
				</div>
			</div>
			<button class="submit">确定提交</button>
			<!-- <input type="text" class='p' placeholder="请输入手机号">
			<i>验证码</i>
			<input type="text" placeholder="请输入验证码">
			<input type="text" placeholder="请输入手机验证码">
			<button>获取验证码</button> -->
		</div>
	</div>
	<!--抽压岁钱结果页面-->
	<div class="natantBox ageMoney" style="display: none;">
		<div class="natant ageMoneyArea">
			<img class="natantBg ageMoneyBg " src="img/alertInfoBg.png">
			<img class="shutDown" src="img/close.png">
			<div class="ageMoneyInfo">
				<h1 class="title">谁说长大了就不能收压岁钱？</p>
					<p class="resultInfo"> 恭喜您获得
						<span class='ageMoneyNum'>3</span>元压岁钱</p>
					<p clsas="tip">游戏继续，再接好运！</p>
			</div>
		</div>
		<div class="ageMoneyBtn">
			<img class="giftPK" src="img/playSure.png">
		</div>
	</div>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js?timestamp=1241">
</script>
<script src="js/wechat-share.js"></script>
<script src="js/flexible.js"></script>
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/app.js"></script>
<script src="js/drag.js"></script>
<script src="js/play.js"></script>
<script src="js/index.js"></script>

</html>